 let showDT = null;
 $(function() {
     // 存放字母的数组
     var letters = [];
     // 排除的字母
     var noLetters = ['O', 'I', 'U', 'V'];
     // 循环获取字母
     for (var i = 65; i <= 90; i++) {
         if (!noLetters.includes(String.fromCharCode(i))) {
             letters.push(String.fromCharCode(i));
         }
     }
     // 存放数据的变量
     var rels = '';
     // 遍历得到数据
     letters.forEach(function(item) {
         rels += `
        <a href="javascript:void(0);">${item}</a>
        `;
     });
     // 将数据添加到对应的标签里面
     $('.search-first-letter').html(rels);


     // 需要渲染的地区数据
     var cityDatas = [{
             "title": "A",
             "lists": [
                 "阿拉善盟",
                 "鞍山市",
                 "安庆市",
                 "安阳市",
                 "阿坝藏族羌族自治州",
                 "安顺市",
                 "阿里地区",
                 "安康市",
                 "阿克苏地区",
                 "阿勒泰地区",
                 "阿拉尔市",
                 "澳门"
             ]
         },
         {
             "title": "B",
             "lists": [
                 "保定市",
                 "包头市",
                 "巴彦淖尔市",
                 "本溪市",
                 "白山市",
                 "白城市",
                 "蚌埠市",
                 "亳州市",
                 "滨州市",
                 "北海市",
                 "百色市",
                 "白沙黎族自治县",
                 "保亭黎族苗族自治县",
                 "巴中市",
                 "毕节市",
                 "保山市",
                 "宝鸡市",
                 "白银市",
                 "博尔塔拉蒙古自治州",
                 "巴音郭楞蒙古自治州",
                 "北屯市",
                 "北京市"
             ]
         },
         {
             "title": "C",
             "lists": [
                 "承德市",
                 "沧州市",
                 "长治市",
                 "赤峰市",
                 "朝阳市",
                 "长春市",
                 "常州市",
                 "滁州市",
                 "池州市",
                 "常德市",
                 "长沙市",
                 "郴州市",
                 "潮州市",
                 "崇左市",
                 "澄迈县",
                 "昌江黎族自治县",
                 "成都市",
                 "楚雄彝族自治州",
                 "昌都市",
                 "昌吉回族自治州",
                 "重庆市"
             ]
         },
         {
             "title": "D",
             "lists": [
                 "定州市",
                 "大同市",
                 "大连市",
                 "丹东市",
                 "大庆市",
                 "大兴安岭地区",
                 "东营市",
                 "德州市",
                 "东莞市",
                 "东方市",
                 "定安县",
                 "德阳市",
                 "达州市",
                 "大理白族自治州",
                 "德宏傣族景颇族自治州",
                 "迪庆藏族自治州",
                 "定西市"
             ]
         },
         {
             "title": "E",
             "lists": [
                 "鄂尔多斯市",
                 "鄂州市",
                 "恩施土家族苗族自治州"
             ]
         },
         {
             "title": "F",
             "lists": [
                 "抚顺市",
                 "阜新市",
                 "阜阳市",
                 "福州市",
                 "抚州市",
                 "佛山市",
                 "防城港市"
             ]
         },
         {
             "title": "G",
             "lists": [
                 "赣州市",
                 "广州市",
                 "桂林市",
                 "贵港市",
                 "广元市",
                 "广安市",
                 "甘孜藏族自治州",
                 "贵阳市",
                 "甘南藏族自治州",
                 "果洛藏族自治州",
                 "固原市"
             ]
         },
         {
             "title": "H",
             "lists": [
                 "邯郸市",
                 "衡水市",
                 "呼和浩特市",
                 "呼伦贝尔市",
                 "葫芦岛市",
                 "哈尔滨市",
                 "鹤岗市",
                 "黑河市",
                 "淮安市",
                 "杭州市",
                 "湖州市",
                 "合肥市",
                 "淮南市",
                 "淮北市",
                 "黄山市",
                 "菏泽市",
                 "鹤壁市",
                 "漯河市",
                 "黄石市",
                 "黄冈市",
                 "衡阳市",
                 "怀化市",
                 "惠州市",
                 "河源市",
                 "贺州市",
                 "河池市",
                 "海口市",
                 "红河哈尼族彝族自治州",
                 "汉中市",
                 "海东市",
                 "海北藏族自治州",
                 "黄南藏族自治州",
                 "海南藏族自治州",
                 "海西蒙古族藏族自治州",
                 "哈密市",
                 "和田地区"
             ]
         },
         {
             "title": "J",
             "lists": [
                 "晋城市",
                 "晋中市",
                 "锦州市",
                 "吉林市",
                 "鸡西市",
                 "佳木斯市",
                 "嘉兴市",
                 "金华市",
                 "景德镇市",
                 "九江市",
                 "吉安市",
                 "济南市",
                 "济宁市",
                 "焦作市",
                 "济源市",
                 "荆门市",
                 "荆州市",
                 "江门市",
                 "揭阳市",
                 "嘉峪关市",
                 "金昌市",
                 "酒泉市"
             ]
         },
         {
             "title": "K",
             "lists": [
                 "开封市",
                 "昆明市",
                 "克拉玛依市",
                 "克孜勒苏柯尔克孜自治州",
                 "喀什地区",
                 "可克达拉市",
                 "昆玉市"
             ]
         },
         {
             "title": "L",
             "lists": [
                 "廊坊市",
                 "临汾市",
                 "吕梁市",
                 "辽阳市",
                 "辽源市",
                 "连云港市",
                 "丽水市",
                 "六安市",
                 "龙岩市",
                 "莱芜市",
                 "临沂市",
                 "聊城市",
                 "洛阳市",
                 "娄底市",
                 "柳州市",
                 "来宾市",
                 "临高县",
                 "乐东黎族自治县",
                 "陵水黎族自治县",
                 "廊坊乐山市市",
                 "凉山彝族自治州",
                 "六盘水市",
                 "丽江市",
                 "临沧市",
                 "拉萨市",
                 "林芝市",
                 "兰州市",
                 "陇南市",
                 "临夏回族自治州"
             ]
         },
         {
             "title": "M",
             "lists": [
                 "牡丹江市",
                 "马鞍山市",
                 "茂名市",
                 "梅州市",
                 "绵阳市",
                 "眉山市"
             ]
         },
         {
             "title": "N",
             "lists": [
                 "南京市",
                 "南通市",
                 "宁波市",
                 "南平市",
                 "宁德市",
                 "南昌市",
                 "南阳市",
                 "南宁市",
                 "内江市",
                 "南充市",
                 "怒江傈僳族自治州",
                 "那曲地区"
             ]
         },
         {
             "title": "P",
             "lists": [
                 "盘锦市",
                 "莆田市",
                 "萍乡市",
                 "平顶山市",
                 "攀枝花市",
                 "普洱市",
                 "平凉市"
             ]
         },
         {
             "title": "Q",
             "lists": [
                 "秦皇岛市",
                 "齐齐哈尔市",
                 "七台河市",
                 "衢州市",
                 "泉州市",
                 "青岛市",
                 "潜江市",
                 "清远市",
                 "钦州市",
                 "琼海市",
                 "琼中黎族苗族自治县",
                 "黔西南布依族苗族自治州",
                 "黔东南苗族侗族自治州",
                 "黔南布依族苗族自治州",
                 "曲靖市",
                 "庆阳市"
             ]
         },
         {
             "title": "R",
             "lists": [
                 "日照市",
                 "日喀则市"
             ]
         },
         {
             "title": "S",
             "lists": [
                 "石家庄市",
                 "朔州市",
                 "沈阳市",
                 "四平市",
                 "松原市",
                 "双鸭山市",
                 "绥化市",
                 "苏州市",
                 "宿迁市",
                 "绍兴市",
                 "宿州市",
                 "三明市",
                 "上饶市",
                 "三门峡市",
                 "商丘市",
                 "十堰市",
                 "随州市",
                 "神农架林区",
                 "邵阳市",
                 "韶关市",
                 "深圳市",
                 "汕头市",
                 "汕尾市",
                 "三亚市",
                 "三沙市",
                 "遂宁市",
                 "山南市",
                 "商洛市",
                 "石嘴山市",
                 "石河子市",
                 "双河市"
             ]
         },
         {
             "title": "T",
             "lists": [
                 "唐山市",
                 "太原市",
                 "通辽市",
                 "铁岭市",
                 "通化市",
                 "泰州市",
                 "潍坊市",
                 "威海市",
                 "台州市",
                 "铜陵市",
                 "泰安市",
                 "天门市",
                 "屯昌县",
                 "铜仁市",
                 "天水市",
                 "吐鲁番市",
                 "塔城地区",
                 "图木舒克市",
                 "铁门关市",
                 "天津市",
                 "台湾"
             ]
         },
         {
             "title": "W",
             "lists": [
                 "乌海市",
                 "乌兰察布市",
                 "无锡市",
                 "温州市",
                 "芜湖市",
                 "潍坊市",
                 "威海市",
                 "武汉市",
                 "梧州市",
                 "五指山市",
                 "文昌市",
                 "万宁市",
                 "文山壮族苗族自治州",
                 "渭南市",
                 "武威市",
                 "吴忠市",
                 "乌鲁木齐市",
                 "西双版纳傣族自治州",
                 "五家渠市"
             ]
         },
         {
             "title": "X",
             "lists": [
                 "邢台市",
                 "辛集市",
                 "忻州市",
                 "兴安盟",
                 "锡林郭勒盟",
                 "徐州市",
                 "宣城市",
                 "厦门市",
                 "新余市",
                 "新乡市",
                 "许昌市",
                 "信阳市",
                 "襄阳市",
                 "孝感市",
                 "仙桃市",
                 "湘潭市",
                 "湘西土家族苗族自治州",
                 "西双版纳傣族自治州",
                 "西安市",
                 "咸阳市",
                 "西宁市",
                 "香港"
             ]
         },
         {
             "title": "Y",
             "lists": [
                 "阳泉市",
                 "运城市",
                 "营口市",
                 "延边朝鲜族自治州",
                 "伊春市",
                 "盐城市",
                 "扬州市",
                 "鹰潭市",
                 "宜春市",
                 "烟台市",
                 "濮阳市",
                 "宜昌市",
                 "岳阳市",
                 "益阳市",
                 "永州市",
                 "阳江市",
                 "云浮市",
                 "玉林市",
                 "宜宾市",
                 "雅安市",
                 "玉溪市",
                 "延安市",
                 "榆林市",
                 "玉树藏族自治州",
                 "银川市",
                 "伊犁哈萨克自治州"
             ]
         },
         {
             "title": "Z",
             "lists": [
                 "张家口市",
                 "镇江市",
                 "舟山市",
                 "漳州市",
                 "淄博市",
                 "枣庄市",
                 "郑州市",
                 "周口市",
                 "驻马店市",
                 "株洲市",
                 "张家界市",
                 "珠海市",
                 "湛江市",
                 "肇庆市",
                 "中山市",
                 "儋州市",
                 "自贡市",
                 "泸州市",
                 "资阳市",
                 "遵义市",
                 "昭通市",
                 "张掖市",
                 "中卫市"
             ]
         }
     ];
     // 地区的数据
     var cityRels = '';
     var itemCity = [];
     cityDatas.forEach(function(item) {
         // 先将 '字母' 数据遍历到 
         cityRels = `
        <li>
            <em>${item.title}</em>
            <div class="itme-city">
            </div>
        </li>
        `;
         // 添加到对应的标签中
         $(cityRels).appendTo($('.all-list ul'));
         var cities = '';
         // 接着遍历每一个城市
         item.lists.forEach(function(item) {
             cities += `
            <a href="javascript:void(0);">${item}</a>
            `;
         });
         // 追加到数组中
         itemCity.push(cities);
     });
     // 遍历每一个存放城市的标签
     $('.itme-city').each(function(i, ele) {
         // 插入文本
         $(ele).html(itemCity[i]);
     });
     // 地址滑动
     $('.city-choice').hover(function() {
         $(this).addClass('hovers');
         $(this).find('.dorpdown-layer').show();
         // 存储所有li的偏移量的数组
         var arrTop = [0];
         // 获取到所有li的数组
         $('.all-list ul li:gt(0)').each(function(i, ele) {
             arrTop.push($(ele).position().top);
         });
         // 移入a的时候进行移动
         $('.search-first-letter a').mouseover(function() {
             // 保存当前的索引
             var $index = $(this).index();
             // 跟据索引 找到对应的高度的元素进行动画操作
             var tops = $('.all-list ul li:gt(0)').eq($index + 1).height();
             $('.all-list ul').stop().animate({
                 'margin-top': -arrTop[$index]
             });
             // 获取到移动的比例
             var temTop = arrTop[$index] / 1775 * 120;
             // 拉条开始移动
             $('.city_bar').stop().animate({
                 top: temTop
             });
         });
         //  $('.city_bar').mousedown(function() {
         //      $(this).mousemove(function(e) {
         //          console.log(e.pageY);
         //          console.log(this.offsetTop);
         //          $(this).css({ top: e.pageY - $(this).offset().top });
         //      });
         //  });
         //  $('.city_bar').mouseup(function() {
         //      $(this).off('mousemove');
         //  });
     }, function() {
         $(this).removeClass('hovers');
         $(this).find('.dorpdown-layer').hide();
     });

     $('.quick-menu li:last-child').hover(function() {
         $(this).addClass('hovers');
         $(this).find('.dorpdown-layer').show();
     }, function() {
         $(this).removeClass('hovers');
         $(this).find('.dorpdown-layer').hide();
     });
     $('.shopCart').hover(function() {
         $(this).addClass('hovers');
         $(this).find('.dorpdown-layer').show();
     }, function() {
         $(this).removeClass('hovers');
         $(this).find('.dorpdown-layer').hide();
     });
     // 隐藏的导航栏
     $('.site-mast .categorys-type').hover(function() {
         $(this).siblings('.categorys-tab-content').show().hover(function() {
             $(this).show();
         }, function() {
             $(this).hide();
         });
     }, function() {
         $(this).siblings('.categorys-tab-content').hide();
     });


     // 购物车回到顶部
     $(window).scroll(function() {
         if ($(this).scrollTop() >= 120) {
             $('.returnTop').show();
             $('.returnTop').click(function() {
                 $('html,body').stop().animate({
                     scrollTop: 0
                 });
             });
         } else {
             $('.returnTop').hide();
         }
     });

     // 单击展开购物车
     $('#shopCart .cart_list').click(function(e) {
         console.log(666);
         var _this = $(this);
         $(this).parents('.quick_links_wrap').css({
             width: 320
         });
         $(this).addClass('current');
         $('.quick_links_pop').css({
             width: 280
         });
         setTimeout(() => {
             $('.ibar_closebtn').show();
         }, 400);
         // 单击关闭按钮关闭
         $('.ibar_closebtn').click(function() {
             $(this).parents('.quick_links_wrap').css({
                 width: 40
             });
             _this.removeClass('current');
             $('.quick_links_pop').css({
                 width: 0
             });
             $(this).hide();
         });

         // 点击空白处关闭侧边栏
         document.onclick = function(e) {
             var oX = $(window).width() - 320;
             if (e.pageX < oX) {
                 $('.ibar_closebtn').parents('.quick_links_wrap').css({
                     width: 40
                 });
                 $('#shopCart a').removeClass('current');
                 $('.quick_links_pop').css({
                     width: 0
                 });
                 $('.ibar_closebtn').hide();
             }
         }
         e.stopPropagation();
     });
     let obj2 = JSON.parse(localStorage.getItem('shopArr'));
     showDT = function(obj2) {
         let rels2 = '';
         if (obj2.length != 0) {
             obj2.forEach((item, i) => {
                 // 替换当前的文本
                 rels2 += `
     <li class="cart_item">
     <!-- 商品的图片 -->
     <div class="cart_item_pic">
         <a href="javascript:void(0);">
             <img src="${item.imgUrl}" alt="">
         </a>
     </div>
     <div class="cart_item_desc">
         <!-- 商品的名字 -->
         <a href="javascript:void(0);" class="cart_item_name">
             ${item.titles}
         </a>
         <div class="lie">
             <div class="cart_item_price">
                 <span class="cart_price">${item.prices}</span>
             </div>
             <!-- 删除按钮 -->
             <div class="delete_cart">
                 <a href="javascript:void(0);" data-id="${i}"; data-pageName="${item.pageName}"; data-dataName="${item.dataName}";>删除</a>
             </div>
         </div>
         <!-- 数量 -->
         <div class="p-number">
             <a href="javascript:void(0)" class="count-remove" data-id="${i}"; >
                 <em class="iconfont icon-reduce">&#xe613;</em>
             </a>
             <span class="num">${item.num}</span>
             <a href="javascript:void(0);" class="count-add" data-id="${i}";>
                 <em class="iconfont icon-dsc-plus">&#xe715;</em>
             </a>
         </div>
     </div>
    </li>
     `;
             });
             $('.ibar_cart_product ul').html(rels2);
         } else {
             $('.ibar_cart_product ul').html('');
         }
         // num
         // 计算价格的方法
         pricesSum();
         // 单击事件的信息 删除 增加 减少
         $('.cart_item .cart_item_desc .count-add').click(function() {
             // 获取到当前对象
             let tempObj = JSON.parse(localStorage.getItem('shopArr'));
             let $id = this.dataset.id;
             // 获取对象的数量信息
             let add = Number(tempObj[$id].num);
             add++;
             // 重新赋值
             tempObj[$id].num = add;
             // 重新存储
             localStorage.setItem('shopArr', JSON.stringify(tempObj));
             $(this).siblings('.num').html(add);
             pricesSum();
         });
         // ---- 
         $('.cart_item .cart_item_desc .count-remove').click(function() {
             let tempObj = JSON.parse(localStorage.getItem('shopArr'));
             let $id = this.dataset.id;
             let sub = Number(tempObj[$id].num);;
             sub--;
             if (sub <= 1) {
                 sub = 1;
                 $(this).siblings('.num').html(sub);
             } else {
                 $(this).siblings('.num').html(sub);
             }
             // 重新赋值
             tempObj[$id].num = sub;
             localStorage.setItem('shopArr', JSON.stringify(tempObj));
             pricesSum();
         });

         // 删除
         // delete_cart
         $('.cart_item .cart_item_desc .delete_cart').click(function() {
             let id = $(this).find('a')[0].dataset.id;
             let pageName = $(this).find('a')[0].dataset.pagename;
             let dataName = $(this).find('a')[0].dataset.dataname;
             obj2.splice(id, 1);
             $(this).parents('li').remove();
             localStorage.setItem('shopArr', JSON.stringify(obj2));
             showDT(obj2);
         });
     };
     if (obj2) {
         showDT(obj2);
     }
     // 封装一个计算价格的方法
     function pricesSum() {
         let prices = 0;
         let nums = 0;
         $('.cart_item .cart_item_desc .num').each((i, ele) => {
             prices += Number($(ele).html() * Number($(ele).parents('.cart_item_desc').find('.cart_price').html()));
             nums += Number($(ele).html());
         });
         $('.cart_num').html(nums);
         $('.desc strong').html('(' + nums + ')');
         $('.cart_num').html(nums);
         // 识别购物车信息
         $('.saleP').html('￥' + prices);
         $('.cart_handler_right').html('￥' + prices);
     }



     // 登录成功之后的状态
     let $falgBig = localStorage.getItem('$falgBig');
     $falgBig = Boolean(Number($falgBig));
     let suc = `<span>
     您好 &nbsp; <a href="javascript:void(0);">遇你</a>
     </span>
     <span>
     , 欢迎来到  &nbsp; <a href="#">大商创</a>
     </span>
     <span>
     [ <a href="#" class="t-chu">退出</a>]
     </span>`;

     function showLogin() {
         if ($falgBig) {
             $('.txt-info').html(suc);
             $('.userVip-info').html(
                 `<div class="avatar">
                <img src="commonImg/lalala.jpg" alt="">
            </div>
            <div class="log-info">
                <p>Hi，遇你!</p>
                <a href="#" style="width:170px;">进入个人中心</a>
            </div>`
             );
         } else {
             $('.txt-info').html(`
            <a href="javascript:void(0)" class="link-login red">请登录</a>
            <a href="javascript:void(0)" class="link-regist">免费注册</a>
            `);
             $('.userVip-info').html(
                 ` <div class="avatar">
                 <img src="commonImg/katong.png" alt="">
             </div>
             <div class="log-info">
                 <p>Hi，欢迎来到大商创!</p>
                 <a href="./page/login.html">请登录</a>
                 <a href="#">我要开店</a>
             </div>`
             );
         }
     }
     showLogin();
     $('.t-chu').click(function() {
         alert('正在退出....');
         $falgBig = false;
         localStorage.setItem('$falgBig', '0');
         showLogin();
         location.reload();
     });

     $('.link-login').click(function() {
         location.href = location.origin + '/page/login.html';
     });
     $('.link-regist').click(function() {
         location.href = location.origin + '/page/register.html';
     });
 });